<template>
  <view class="container">
    <CertificateInfo :labels="labels" :certificateInfo="certificateInfo" />
  </view>
</template>

<script>
import CertificateInfo from "@/pages/hub_zsyg/components/CertificateInfo.vue";

export default {
  components: {
    CertificateInfo,
  },
  data() {
    return {
      labels: {
        stationName: "检测站名称",
        enterpriseNature: "检测站企业性质",
        certificateNumber: "计量认证证书编号",
        establishmentDate: "建站时间",
        certificateExpiry: "计量认证证书到期时间",
        responsiblePerson: "负责人",
        contactNumber: "联系电话",
        factoryInvestment: "厂房投资额(万元)",
        siteInvestment: "场地投资额(万元)",
        equipmentInvestment: "设备设施投资(万元)",
        feeStandard: "收费标准",
        otherInvestment: "其他投资说明",
        staffCount: "人员数量(人)",
        equipmentCount: "设备数量(台)",
        fax: "传真",
        email: "邮箱",
        website: "网址",
        postalCode: "邮编",
        address: "地址",
        serviceCommitment: "服务承诺",
      },
      certificateInfo: {
        stationName: "公安县顺达机动车检测有限公司",
        enterpriseNature: "",
        certificateNumber: "221705070465",
        establishmentDate: "2016-12-19",
        certificateExpiry: "2028-12-08",
        responsiblePerson: "胡亚兰",
        contactNumber: "0716-5153568",
        factoryInvestment: "2200",
        siteInvestment: "3200",
        equipmentInvestment: "180",
        feeStandard: "无",
        otherInvestment: "无",
        staffCount: "23",
        equipmentCount: "37",
        fax: "无",
        email: "519357182@qq.com",
        website: "无",
        postalCode: "434300",
        address: "公安县斗湖堤镇曾埠头村",
        serviceCommitment: "",
      },
    };
  },
};
</script>

<style scoped lang="scss">
.container {
  background-color: #f3f6fa;
  padding: 0;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  position: relative;
}
</style>
```
